/* fade transition begin*/
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.28s;
}

.fade-enter,
.fade-leave-active {
  opacity: 0;
}
/* fade transition end*/
/* fade-transform transition begin*/
.fade-transform-leave-active,
.fade-transform-enter-active {
  transition: all 0.5s;
}

.fade-transform-enter {
  opacity: 0;
  transform: translateX(-30px);
}

.fade-transform-leave-to {
  opacity: 0;
  transform: translateX(30px);
}
/* fade-transform transition end*/

/* breadcrumb transition begin*/
.breadcrumb-enter-active,
.breadcrumb-leave-active {
  transition: all 0.5s;
}

.breadcrumb-enter,
.breadcrumb-leave-active {
  opacity: 0;
  transform: translateX(20px);
}

.breadcrumb-move {
  transition: all 0.5s;
}

.breadcrumb-leave-active {
  position: absolute;
}
/* breadcrumb transition end*/

/* menu transition begin*/
.menu-enter-from,
.menu-leave-to {
  transform: translate3d(-100%, 0, 0);
}
.menu-leave-from,
.menu-enter-to {
  transform: translate3d(0, 0, 0);
}
.menu-enter-active,
.menu-leave-active {
  transition: all 0.5s;
}
/* menu transition end*/
/* page transition begin*/
.page-enter-from,
.page-leave-to {
  // transform: translate3d(-100%, 0, 0);
  opacity: 0;
}
.page-leave-from,
.page-enter-to {
  // transform: translate3d(0, 0, 0);
  opacity: 1;
}
.page-enter-active,
.page-leave-active {
  transition: all 0.8s;
}
/* page transition end*/
